<div class="rootBox">
  <div class="btnBox">
    <d-button bsStyle="text" style="margin-right: 20px" routerLink=""
      >首页</d-button
    >
    <d-button bsStyle="text" style="margin-right: 20px" routerLink="/base"
      >简易版</d-button
    >
    <d-button bsStyle="text" style="margin-right: 20px" routerLink="/ngrx">ngRx版</d-button>
  </div>
  <div class="routeBox">
    <router-outlet></router-outlet>
  </div>
</div>

<style>
  .rootBox {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .btnBox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
  .routeBox {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
  }
</style>
